/*通用*/
.header .mint-header {
	background-color: #4871C0;
}

[v-cloak] {
	display: none;
}

.mint-toast {
	z-index: 9999;
}

@charset "utf-8";

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: lighter;
}

a {
	color: #2b2b2b;
	text-decoration: none
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	min-height: 100%;
}

body {
	font-size: 14px;
	background: #e8e8e8;
	font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

html,
body {
	overflow: auto !important;
}

img {
	border: 0;
	border: none;
	width: 100%;
}

/*首页*/
#index {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#index body {
	position: relative;
	background: #ffffff;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
	font-weight: normal;
	line-height: 1.6;
	color: #333333;
}

#index body {
	height: 100%;
	max-width: 640px;
	margin: 0 auto;
	background-color: #6897cf;
	background-image: url("../images/bg.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#index .j-hint {
	height: 30px;
	width: 95%;
	margin: 5px auto;
	text-align: left;
	line-height: 30px;
	padding-left: 36px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #d80000;
	border-bottom: 1px solid #BDBDBD;
	background: transparent url(../images/hot.png) no-repeat scroll;
	background-size: 30px auto;
	margin-bottom: 10px;
}

#index .j-hint1 {
	height: 30px;
	width: 95%;
	margin: 5px auto;
	text-align: left;
	line-height: 30px;
	padding-left: 36px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #d4237a;
	border-bottom: 1px solid #BDBDBD;
	background: transparent url(../images/jieshao.png) no-repeat scroll;
	background-size: 24px auto;
	margin-bottom: 10px;
}

#index .j-component-bestsell {
	font-size: 1.4rem;
	line-height: 30px;
	text-indent: 2em;
	padding: 0px 20px;
	color: #fff;
	margin: 10px;
	background-color: rgba(255, 255, 255, 0.2);
}

#index .j-component-func {
	width: 100%;
	padding: 5px 10px;
}

#index .list-unstyled {
	list-style: outside none none;
}

#index .j-component-func {
	/*  padding: 10px;
  border-bottom: 1px solid #F4F4F4;
  margin-bottom: 10px;
  border-top: 1px solid #F4F4F4;*/
}

#index .j-component-func>ul {
	padding: 10px;
	overflow: hidden;
	border-bottom: 1px solid #BDBDBD;
	margin-bottom: 10px;
	border-top: 1px solid #BDBDBD;
}

#index .j-component-func>ul>li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 2px 0;
}

#index .j-component-func>ul>li>a {
	display: block;
	font: 1em/25px 'microsoft yahei';
	color: #fff;
}

#index .j-component-func .fdayicon {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 45%;
	margin: 0 auto;
}

#index .j-component-func .fdayicon-all {
	background: #2ad2c9 url("../images/ico-1.png") no-repeat;
	background-size: 40px 40px;
	background-position: 5px 5px;
}

#index .j-component-func .fdayicon-order {
	background: #2ad2c9 url("../images/ico-2.png") no-repeat;
	background-size: 40px 40px;
	background-position: 5px 5px;
	background-color: #FF9545;
}

#index .j-component-func .fdayicon-contact {
	background: #2ad2c9 url("../images/ico-3.png") no-repeat;
	background-size: 40px 40px;
	background-position: 5px 5px;
	background-color: #ff585d;
}

#index .j-component-func .fdayicon-client {
	background: #2ad2c9 url("../images/ico-4.png") no-repeat;
	background-size: 30px 30px;
	background-position: 10px 13px;
	background-color: #aec95f;
}

#index .j-component-func .fdayicon-all1 {
	background: #2ad2c9 url("../images/ico-5.png") no-repeat;
	background-size: 30px 30px;
	background-position: 10px 10px;
	background-color: #ff585d;
}

#index .j-component-func .fdayicon-order1 {
	background: #2ad2c9 url("../images/ico-7.png") no-repeat;
	background-size: 30px 30px;
	background-position: 10px 10px;
	background-color: #aec95f;
}

#index .j-component-func .fdayicon-contact1 {
	background: #2ad2c9 url("../images/ico-6.png") no-repeat;
	background-size: 30px 30px;
	background-position: 10px 10px;
}

#index .j-component-func .fdayicon-client1 {
	background: #2ad2c9 url("../images/ico-8.png") no-repeat;
	background-size: 30px 30px;
	background-position: 10px 10px;
	background-color: #FF9545;
}

#index .j-component-bestsell>ul {
	margin-bottom: 0;
}

#index .j-component-bestsell>ul>li {
	margin: 0 10px 5px;
	padding-bottom: 5px;
}

#index .j-component-bestsell>ul>li>a {
	display: block;
	width: 100%;
	background: #f1f1f1;
	padding: 1px;
}

#index .j-component-bestsell>ul>li>a>img {
	width: 100%;
}

#index .j-component-bestsell>ul>li:last-child {
	border-bottom: none;
}

#index .tuan {
	padding: 0px 10px;
}

#index .tuan_g {
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}

#index .tuan_g_img {
	display: block;
	background-color: rgba(255, 255, 255, 0.2);
	position: relative;

}

#index .tuan_g_img .tally_box {
	position: absolute;
	width: 50px;
	height: 50px;
	background-image: url("../images/content-icon.png");
	background-repeat: no-repeat;
	background-size: 365px 50px;
	background-position: -238px 0px;
	margin-left: 10px;
}

#index .tuan_g_img .tally_box p {
	color: #fff;
	text-align: center;
	line-height: 40px;
}

#index .tuan_g_img img {
	display: block;
	overflow: hidden;
	height: 200px;
	max-width: 100%;
	width: auto;
	margin: auto;
}

#index .tuan_g_core::before,
#index .tuan_g_btn::after,
#index .tp_lk::after,
#index .ti_users_blank::after,
#index .ti_users3 .ti_users_blank::after,
#index .ti_boss::before,
#index .step_more::after,
#index .registericon::after {
	background-image: url("../images/content-icon.png");
	background-repeat: no-repeat;
	background-size: 365px 50px;
}

#index .tuan_g_info {
	padding: 7px 10px 10px;
}

#index .tuan_g_name {
	color: #191919;
	font-size: 1.6rem;
	margin-bottom: 5px;
}

#index .tuan_g_cx {
	color: #707070;
	line-height: 18px;
	font-size: 1.2rem;
}

#index .tuan_g_core {
	color: #FFF;
	display: block;
	height: 34px;
	line-height: 34px;
	margin-bottom: 5px;
	position: relative;
	width: 290px;
}

#index .tuan_g_core::before {
	background-position: -127px -8px;
	content: " ";
	height: 34px;
	left: 0;
	position: absolute;
	top: 0;
	width: 36px;
}

#index .tuan_g_price {
	float: left;
	height: 34px;
	margin-left: 4px;
	overflow: hidden;
	padding-left: 45px;
	width: 220px;
	color: #f44336;
	border-top: 1px solid #23B3AB;
	border-bottom: 1px solid #23B3AB;
	line-height: 34px;
}

#index .tuan_g_price span {
	vertical-align: 1px;
	font-size: 1.2rem;
}

#index .tuan_g_price b {
	font-size: 2rem;
	font-weight: 400;
}

#index #triangle-right {
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-left: 10px solid #33bdb6;
	border-bottom: 17px solid transparent;
	position: absolute;
	left: 36px;
	top: 0px;
}

#index .tuan_g_btn {
	background-color: #ff585d;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	float: left;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	padding-right: 14px;
	position: relative;
}

#index .tuan_g_btn::after {
	background-position: 0px -37px;
	content: " ";
	height: 12px;
	position: absolute;
	right: 2px;
	top: 11px;
	width: 10px;
}

#index .tuan_g .tuan_g_yj {
	padding-left: 47px;
	font-size: 1.4rem;
	color: #707070;
}

/*详情*/
#detail {
	padding-bottom: 40px;
	background-color: #F0EFF4;
}

#detail .swipe {
	height: 300px;
}

#detail .danger {
	background-color: #FF4342;
	color: #ffffff;
}

#detail .danger .left,
.danger .right {
	display: inline-block;
}

#detail .danger .left {
	width: 50%;
	padding-left: 10px;
}

#detail .danger .orderTotal,
.danger .price {
	font-size: 22px;
}

#detail .danger p {
	margin-top: 2px;
	margin-bottom: 2px;
}

#detail .roles {
	background-color: #F0EFF4;
}

#detail .roles .number {
	width: 50px;
	padding-left: 10px;
}

#detail .roles .mt-progress-runway {
	background-color: #d7d4d4;
}

#detail .roles .mt-progress-progress {
	background-color: #FF4342;
}

#detail .roles .desc {
	text-align: center;
	font-size: 14px;
}

#detail .footer .mint-navbar.is-fixed {
	top: unset;
	bottom: 0;
}

#detail .footer button {
	border-radius: 0px;
}

#detail .footer .mint-button--danger {
	width: 100%;
	background-color: #FF8700;
}

#detail .footer .mint-button--warning {
	width: 100%;
	background-color: #FFBC71;
	color: #fff;
}

#detail .detail,
.list {
	background-color: #ffffff;
	margin-top: 5px;
}

#detail .detail .mint-navbar .mint-tab-item.is-selected {
	border-bottom: 2px solid #FF4342;
	color: #FF4342;
}

#detail .detail .content {
	margin-top: 5px;
	padding: 5px;
	font-size: 14px;
}

#detail .detail .content .mint-cell-wrapper {
	font-size: 14px;
}

#detail .enroll .mint-popup-bottom {
	top: 40%;
	left: 50%;
	width: 80%;
	bottom: unset;
}

#detail .enroll .action {
	text-align: center;
	padding: 5px;
}

#detail .enroll .action button {
	border-radius: 0px;
}

#detail .enroll .mint-field .mint-cell-title {
	width: 40%;
}

#detail .mint-swipe-items-wrap>div.is-active {
	-webkit-transform: none;
	transform: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

#detail .mint-swipe-items-wrap>div.is-active img {
	max-width: 100%;
	max-height: 100%;
}

/*#detail .enroll .mint-field.captcha .mint-cell-title {
    width: 50%;
}*/
/*拼团成功*/
#success {
	padding-bottom: 40px;
	background-color: #F0EFF4;
}

#success .tips {
	text-align: center;
	margin-top: 10px;
	background-color: #e6efdf;
	padding: 10px;
}

#success .tips .title {
	font-size: 16px;
	color: #78a154;
	position: relative;
	width: 100px;
	margin: 0 auto;
}

#success .tips .desc {
	text-align: center;
	color: #666;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#success .goods {
	margin-top: 10px;
	background-color: #fff;
	overflow: hidden;
}

#success .goods .thumb {
	width: 40%;
	float: left;
	height: 100px;
	overflow: hidden;
	text-align: center;
}

#success .goods .thumb img {
	max-width: 100%;
	width: auto;
	max-height: 100%;
}

#success .goods .content {
	width: 60%;
	float: left;
}

#success .goods .content h2 {
	margin-top: 10px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	font-family: "微软雅黑";
	font-size: 16px;
	font-weight: lighter;
	padding-left: 20px;
	color: #FF4342;
}

#success .goods .content .desc {
	color: #888;
	font-size: 12px;
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

#success .goods .content .desc span {
	color: #FF4342;
	font-size: 14px;
}

#success .times {
	margin: 10px 0px;
	text-align: center;
}

#success .times .desc span {}

#success .times .time span {
	background-color: #333;
	color: #fff;
	border-radius: 5px;
	margin: 4px;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
}

#success .step::after {
	clear: both;
	content: "";
	display: block;
	height: 0px;
	visibility: hidden;
}

#success .step {
	padding: 10px;
	margin-top: 10px;
	background-color: #fff;
}

#success .step .title {
	height: 18px;
	line-height: 18px;
	margin-bottom: 12px;
	color: #2ad2c9;
}

#success .step .item {
	float: left;
	padding-left: 7%;
	position: relative;
	width: 25%;
}

#success .step .item .num {
	background-clip: padding-box;
	background-color: #FFF;
	border: 1px dashed #D5D5D5;
	border-radius: 20px;
	color: #666;
	height: 20px;
	left: 0px;
	line-height: 20px;
	position: absolute;
	text-align: center;
	top: 1px;
	width: 20px;
}

#success .step .item.active .num {
	background-color: #2ad2c9;
	border: 1px solid #2ad2c9;
	color: #FFF;
}

#success .step .item.active .detail {
	color: #2ad2c9;
}

#success .step .item .detail {
	color: #666;
	font-size: 10px;
	line-height: 12px;
}

#success .footer {
	position: fixed;
	width: 100%;
	bottom: 0px;
	height: 40px;
	background-color: #FF4342;
	text-align: center;
	line-height: 40px;
	color: #fff;
}
